import React from "react";
import PropTypes from "prop-types";

export default class LoginLock extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            color: props.color
        }
    }

    render() {
        return (
            <svg id="LoginLock" xmlns="http://www.w3.org/2000/svg" width="20px" viewBox="0 0 25.291 29.686">
                <path fill={this.state.color} data-name="路径 399" d="M151.379,77.512V72.433a7.733,7.733,0,1,0-15.467,0v5.078A6,6,0,0,0,131,83.39v5.022a5.992,5.992,0,0,0,5.974,5.974h13.343a5.992,5.992,0,0,0,5.974-5.974V83.393A6,6,0,0,0,151.379,77.512Zm-7.733-10.82a5.765,5.765,0,0,1,5.742,5.742v4.982H137.9V72.433A5.765,5.765,0,0,1,143.646,66.691ZM154.3,88.415a4,4,0,0,1-3.983,3.983H136.974a4,4,0,0,1-3.983-3.983V83.393a4,4,0,0,1,3.923-3.983h13.459a4,4,0,0,1,3.923,3.983v5.022Z" transform="translate(-131 -64.7)"/>
                <path fill={this.state.color} data-name="路径 400" d="M468.494,608A1.5,1.5,0,0,0,467,609.494v3.379a1.494,1.494,0,0,0,2.987,0v-3.379A1.5,1.5,0,0,0,468.494,608Z" transform="translate(-455.848 -589.968)"/>
            </svg>
        );
    }
}

LoginLock.defaultProps = {
    color: '#ccc'
};

LoginLock.propTypes = {
    color: PropTypes.string,
};